<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" href="estilos_app.css" type="text/css" media="all"> 
<link rel="stylesheet" href="estilo_tiempo.css" type="text/css" media="all"> 
<link rel="stylesheet" href="estilo_boton.css" type="text/css" media="all"> 
<script type="text/javascript" src ="validarFormulario.js"></script>
<script type="text/javascript" src ="cookie.js"></script>
<script type="text/javascript" src ="ajax_correo.js"></script>
<script type="text/javascript" src ="mover.js"></script>
<!--<script type="text/javascript" src ="ajax_cuadrados.js"></script>-->
<script type="text/javascript" src ="ajax.js"></script>
<script type="text/javascript" src ="guardar_tiempo.js"></script>
<script type="text/javascript" src ="bot_cerrar.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Pagina principal</title>
<style type="text/css">
.oculto { display: none; }
.visible { display: inline; }
</style>
<script>
function cambiar1(numero)
{
	boton1="men_email_ver"+numero;
	boton2="men_email_oculto"+numero;
  var men1=document.getElementById(boton1);
  var men2=document.getElementById(boton2);
   men1.className="oculto";
   men2.className="visible";
   lugar="#email"+numero;
   bot="#men_email_ver"+numero;
   /*$(function() {
   		
				$(bot).click(function () {
      			$(lugar).slideToggle("slow");
   				 });
				});*/
   
}
function cambiar2(numero)
{
	boton1="men_email_ver"+numero;
	boton2="men_email_oculto"+numero;
  var men1=document.getElementById(boton1);
  var men2=document.getElementById(boton2);
  men1.className="visible";
  men2.className="oculto";
  lugar="email"+numero;
  document.getElementById(lugar).innerHTML="";
  /*$(function() {
   		
				$(bot).click(function () {
      			$(lugar).slideToggle("slow");
   				 });
				});*/
}
</script>

<script>
function tiempo(nombre){

jQuery(document).ready(function($) {$.ajax({url : "http://api.wunderground.com/api/cdf2facecd4dc0a4/forecast/q/CA/"+nombre+".json", dataType :"jsonp",success : function(parsed_json){

$("#nom_ci").html(nombre);
var eguraldia = parsed_json['forecast']['simpleforecast']['forecastday'];

for(var i=0;i<eguraldia.length;i++){
var fi = document.getElementById('dias');
var di = document.createElement('div');
di.id = "dia"+i;
fi.appendChild(di);
var dia = document.createElement("h1");
dia.id = "egun"+i;
di.appendChild(dia);

temp = document.createElement('div');
temp.id = 'tem'+i;
di.appendChild(temp);

viento = document.createElement('div');
viento.id = 'vi'+i;
di.appendChild(viento);

lluvia = document.createElement('div');
lluvia.id = 'llu'+i;
di.appendChild(lluvia);

im = document.createElement('div');
im.id = 'egu'+i;
di.appendChild(im);




var eguna = eguraldia[i].date.weekday;

var temp_max = eguraldia[i].high.celsius;

var temp_min = eguraldia[i].low.celsius;

var viento_max = eguraldia[i].maxwind.kph;

var viento_min = eguraldia[i].avewind.kph;

var agua = eguraldia[i].qpf_allday.mm;

var irudia = eguraldia[i].icon_url;
$("#egun"+i).html(eguna);
$("#tem"+i).html("<span id='tmax'>"+temp_max+"º</span>/<span id='tmin'>"+temp_min+"º</span>");
$("#vi"+i).html(viento_max+"kmh");
$("#llu"+i).html(agua+"mm");
$("#egu"+i).html("<img src='"+irudia+"'></img>");

	
}


}
});
});
guardar_tiempo(nombre);
}
</script>
<script>
function visitas_fav(id){
visitas(id);
}
</script>
<script>
function eliminar_fav(fav){
el_fav(fav);

}
</script>
<script>

function boton_o(fav){
	
	var puntero=document.getElementById(fav);
	
	
	
	puntero.className="oculto";
	
	
}
</script>
<script>

function boton_v(fav){
	
	var puntero=document.getElementById(fav);
	
	
	
	puntero.className="visible";
	
	
}
</script>
<script>

function cuadrados(){
	
	for(var i=1;i<6;i++){
		estado_cuadrado(i);
	}
	
	
}
</script>

</head>

<body onLoad="cuadrados();correo('texto'); pueblos('ciudad'); favoritos('fav'); cantidad_favoritos('form'); sacar_tiempo('dias');calendario('cal');" >
<div id="cabecera">
<div id="cabecera_izk">BIENVENIDO A MI ALPICACION</div>
<div id="cabecera_der"></div>

</div>
<div id="contenido">
<div id="menu">
<input type="button" id="cuadrado21" class="oculto" value="Tiempo"  onclick="actualizar('cuadrado2'); "/>
<input type="button" id="cuadrado11" class="oculto" value="Correo"  onclick="actualizar('cuadrado1'); "/>
<input type="button" id="cuadrado31" class="oculto" value="Favoritos"  onclick="actualizar('cuadrado3');"/>
<input type="button" id="cuadrado41" class="oculto" value="Calendario"  onclick="actualizar('cuadrado4');"/>
<input type="button" id="cuadrado51" class="oculto" value="Mensajes"  onclick="actualizar('cuadrado5');"/>
</div>

	<!--<div id="cuadro1" class="estiloCuadro_cuadro1 visible" onclick="mover('cuadro1');" onmouseover="boton_visible('cerrar1');" onmouseout="boton_oculto('cerrar1');">
	<div id="x"><input type="button" id="cerrar1" class="oculto" value="X"  onclick="cerrar_ventana('cuadro1');" /></div>
	<div id="texto"></div>
	<div id="fondo"></div>
	</div>-->
	
	<div id="cuadrado1" class="estiloCuadro_cuadrado1 visible" onclick="mover('cuadrado1');" onmouseover="boton_visible('cerrar1');" onmouseout="boton_oculto('cerrar1');">
	<div id="cabeza1">
		<div id="ti_co">CORREO</div>
		<div id="x"><input type="button" id="cerrar1" class="oculto" value="X"  onclick="guardar('cuadrado1');" /></div>
	</div>
	<div id="texto"></div>
	</div>
	
	<!--<div id="tiempo">
		<div id="cont_df8f6324fd3c1f35e5cb3aa11cba81fa"><span id="h_df8f6324fd3c1f35e5cb3aa11cba81fa">
        	<a id="a_df8f6324fd3c1f35e5cb3aa11cba81fa" href="http://www.tiempo.com/lasarte-oria.htm" target="_blank" 		
            style="color:#656565;font-family:Arial;font-size:14px;">Tiempo en Lasarte-Oria</a></span>
			<script type="text/javascript" src="http://www.tiempo.com/wid_loader/df8f6324fd3c1f35e5cb3aa11cba81fa">
        	</script>
        </div>
		
		<div id="fondo_tiempo"></div>
	</div>-->
	<div id="cuadrado2"  class="estiloCuadro_cuadrado2 visible" onclick="mover('cuadrado2');"onmouseover="boton_visible('cerrar2');" onmouseout="boton_oculto('cerrar2');">
		<div id="cabeza2" >
			<div id="ti_tiem">EL TIEMPO</div>
			<div id="x"><input type="button" id="cerrar2" class="oculto" value="X"  onclick="guardar('cuadrado2'); " /></div>
		</div>
		<div id="ciudad"></div><div id="nom_ci"></div>
		<div id="dias" ></div>
	</div>
	
	<div id="cuadrado3" class="estiloCuadro_cuadrado3 visible" onclick="mover('cuadrado3');"onmouseover="boton_visible('cerrar3');" onmouseout="boton_oculto('cerrar3');">
		<div id="cabeza3">
			<div id="ti_fav">FAVORITOS</div>
			<div id="x"><input type="button" id="cerrar3" class="oculto" value="X"  onclick="guardar('cuadrado3');" /></div>
		</div>
		<div id="fav"></div>
		<div id="form">
		</div>
		
	</div>
	
	<div id="cuadrado4" class="estiloCuadro_cuadrado4 visible" onclick="mover('cuadrado4');"onmouseover="boton_visible('cerrar4');" onmouseout="boton_oculto('cerrar4');">
		<div id="cabeza4">
			<div id="ti_fav">CALENDARIO</div>
			<div id="x"><input type="button" id="cerrar4" class="oculto" value="X"  onclick="guardar('cuadrado4');" /></div>
		</div>
		<div id="cal"></div>
	</div>
	
	<div id="cuadrado5" class="estiloCuadro_cuadrado5 visible" onclick="mover('cuadrado5');"onmouseover="boton_visible('cerrar5');" onmouseout="boton_oculto('cerrar5');">
		<div id="cabeza5">
			<div id="ti_men">MENSAJES</div>
			<div id="x"><input type="button" id="cerrar5" class="oculto" value="X"  onclick="guardar('cuadrado5');" /></div>
		</div>
		<div id="menu_men"><input type="button" id="enviar" class="visible" value="Enviar Mensaje"  onclick="mens('men', 'enviar', 'conf');" /><input type="button" id="entrada" class="visible" value="Recibidos"  onclick="mens('men', 'entrada', 'conf');" /></div>
		<div id="men"></div>
		<div id="conf"></div>
	</div>
	</div>
	
</div>
<br>

</div>
</body>
</html>